<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>用户中心</title>
	<link rel="stylesheet" href="css/base.css" type="text/css" />
	<link rel="stylesheet" href="css/common.css" type="text/css" />
	<link rel="stylesheet" href="css/user.css">
	<script src="js/common.js" type="text/javascript"></script>
</head>

<body>

	<!-- 客服聊天框 -->
	<div class="chatbox" id="chatbox">
		<div class="chatbox-header">
			<span>客服聊天</span>
			<button class="chatbox-close" id="chatbox-close">×</button>
		</div>
		<div class="chatbox-messages" id="chatbox-messages"></div>
		<div class="chatbox-input">
			<input type="text" id="chatbox-input" placeholder="请输入消息">
			<button id="chatbox-send">发送</button>
		</div>
	</div>
	<!-- 文字滚动效果部分 -->
	<div class="announcement">
		<div class="announcement-contain">
			<p><img src="./image/notice-icon.png">欢迎访问我们的网站！这里有最新的产品信息和优惠活动，敬请关注！</p>
		</div>

	</div>

	<!-- 导航部分 -->
	<div class="nav">
		<div class="w">
			<ul class="nav_left fl">
				<li>
					<a href="#">正品保障，免息分期!</a>
				</li>
			</ul>
			<ul class="nav_right">
				<li>
					<a href="./user.html" target="_blank">用户中心</a>
				</li>
				<li>
					<a href="./register.html" target="_blank" style="color: #ae0f17;">注册即送6800元大礼包</a>
				</li>
				<li>
					<span>|</span>
				</li>
				<li>
					<a href="./cart.html">购物车</a>
				</li>
				<li>
					<a href="#" id="customer-service">客服服务</a>
				</li>
				<li>
					<a href="javascript:;" class="theme" id="theme">切换主题</a>

				</li>
				<li>
					<span>|</span>
				</li>
				<li>
					<a href="#">ENGLISH</a>
				</li>
			</ul>
		</div>
	</div>
	<!-- 头部部分 -->
	<div class="header w">
		<!-- 头部logo部分 -->
		<div class="header_left fl">
			<h1 class="logo fl">
				<a href="#">
					<img src="image/logo.png" />
				</a>
			</h1>
			<a href="#" class="logo_text">
				<h1>全球名表专业大平台</h1>
			</a>
		</div>
		<!-- 头部搜索部分 -->
		<div class="header_right fl">
			<div class="header_search">
				<label class="srh_lab fl">
					<i></i>
					<span class="srh_txt">阿玛尼5年电保</span>
					<input type="text" class="srh_news" />
				</label>
				<button class="srh_btn fl">搜索</button>
			</div>
		</div>
	</div>
	<header>
		<h1>用户中心</h1>
	</header>
	<main>
		<div class="user-info">
			<div class="avatar">
				<img src="image/userImg.jpg" alt="头像">
			</div>
			<div class="info-text">
				<h2>MOMO</h2>
				<p>账号状态：正常</p>
			</div>
		</div>
		<div class="user-menu">
			<ul>
				<li><a href="./orders.html">我的订单</a></li>
				<li><a href="#">收货地址</a></li>
				<li><a href="#">账户安全</a></li>
				<li><a href="#">消息中心</a></li>
			</ul>
		</div>
	</main>
	<script src="js/user.js"></script>
</body>

</html>